<template>
  <div>
    <p>{{ num }}</p>
    <p>{{ tatol }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 10,
    };
  },
  // 计算机属性
  // 1.计算机属性也是一个变量，它不能和data函数中的变量名相同，否则报错
  // 2.一定是依赖于其他它vue变量得来的
  computed: {
    tatol() {
      return this.num * 10;
    },
  },
};
</script>

<style>
</style>